<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
		<style>
		/*来自于semanticui的container样式*/
		.ui.container {
		    width: 1127px; margin-left: auto !important; margin-right: auto !important;
		    /*来自于semanticui的html,body*/
		    margin: 0px; padding: 0px; overflow-x: hidden; min-width: 320px; background: #FFFFFF; font-size: 14px; line-height: 1.4285em; color: rgba(0, 0, 0, 0.87); font-smoothing: antialiased; font-size: 14px;
		}
		.ui.container { display: block; max-width: 100% !important; }
		
		/*来自于semanticui的message样式*/
		.ui.info.message .header { color: #0E566C; }
		.ui.message .header:not(.ui) { font-size: 1.14285714em; }
		.ui.message > :first-child { margin-top: 0em; }
		.ui.message .header { display: block; font-weight: bold; margin: -0.14285714em 0em 0rem 0em; }
		.ui.message .header + p { margin-top: 0.25em; }
		.ui.message p:last-child { margin-bottom: 0em; }
		.ui.message > :last-child { margin-bottom: 0em;}
		.ui.message p { opacity: 0.85; margin: 0.75em 0em; }
		p:last-child { margin-bottom: 0em; }
		p { margin: 0em 0em 1em; line-height: 1.4285em; }
		.ui.info.message, .ui.attached.info.message { box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		.ui.info.message { background-color: #F8FFFF; color: #276F86; }
		.ui.message:first-child { margin-top: 0em; }
		.ui.message { font-size: 1em; }
		.ui.message { position: relative; min-height: 1em; margin: 1em 0em; background: #F8F8F9; padding: 1em 1.5em; line-height: 1.4285em; color: rgba(0, 0, 0, 0.87); -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; border-radius: 0.28571429rem; box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0); }
		
		/*来自于semanticui的table样式*/
		.ui.table:last-child { margin-bottom: 0em; }
		.ui.table { font-size: 1em; }
		.ui.table { width: 100%; background: #FFFFFF; margin: 1em 0em; border: 1px solid rgba(34, 36, 38, 0.15); box-shadow: none; border-radius: 0.28571429rem; text-align: left; color: rgba(0, 0, 0, 0.87); border-collapse: separate; border-spacing: 0px; }
		.ui.table thead { box-shadow: none; }
		.ui.table thead tr:first-child > th:first-child { border-radius: 0.28571429rem 0em 0em 0em; }
		.ui.celled.table tr th:first-child, .ui.celled.table tr td:first-child { border-left: none; }
		.ui.table thead tr > th:first-child { border-left: none; }
		.ui.celled.table tr th, .ui.celled.table tr td { border-left: 1px solid rgba(34, 36, 38, 0.1); }
		.ui.table thead th { cursor: auto; background: #F9FAFB; text-align: inherit; color: rgba(0, 0, 0, 0.87); padding: 0.92857143em 0.78571429em; vertical-align: inherit; font-style: none; font-weight: bold; text-transform: none; border-bottom: 1px solid rgba(34, 36, 38, 0.1); border-left: none; }
		.ui.table th, .ui.table td { -webkit-transition: background 0.1s ease, color 0.1s ease; transition: background 0.1s ease, color 0.1s ease; }
		.ui.table tr.positive, .ui.table td.positive { background: #FCFFF5 !important; color: #2C662D !important; }
		.ui.table tr.positive, .ui.table td.positive { box-shadow: 0px 0px 0px #A3C293 inset; }
		.ui.celled.table tr th:first-child, .ui.celled.table tr td:first-child { border-left: none; }
		.ui.celled.table tr th, .ui.celled.table tr td { border-left: 1px solid rgba(34, 36, 38, 0.1); }
		.ui.table tr:first-child td { border-top: none; }
		.ui.table tr td { border-top: 1px solid rgba(34, 36, 38, 0.1); }
		.ui.table td { padding: 0.78571429em 0.78571429em; text-align: inherit; }
		.ui.table th, .ui.table td { -webkit-transition: background 0.1s ease, color 0.1s ease; transition: background 0.1s ease, color 0.1s ease; }
		.ui.table tr.negative, .ui.table td.negative { background: #FFF6F6 !important; color: #9F3A38 !important; }
		.ui.table tr.negative, .ui.table td.negative { box-shadow: 0px 0px 0px #E0B4B4 inset; }
		
		.ui.table td { vertical-align: top; }
		</style>
	</head>
	<body>
		<div class="ui container">
			<div class="ui info message">
				<div class="header">Excel批量导入报告</div>
				<p>本次导入共处理文件 <strong>${fileCount}</strong> 个，sheet <strong>${sheetCount}</strong> 个，数据 <strong>${dataCount}</strong> 条，其中新建数据 <strong>${insertCount}</strong> 条，更新数据 <strong>${updateCount}</strong> 条。耗时：<strong>${elapsedTime}秒</strong></p>
			</div>
			
			<table class="ui celled table">
				<colgroup>
					<col width="200px" />
					<col width="200px" />
					<col />
				</colgroup>
				<thead>
					<tr>
						<th>文件</th>
						<th>标签页</th>
						<th>结果</th>
					</tr>
				</thead>
				<tbody>
					<#list items as item>
						<#if item.errorMessge??>
						<tr class="negative">
							<td>${item.fileName}</td>
							<td>${item.sheetName}</td>
							<td>${item.errorMessge}</td>
						</tr>
						<#else>
						<tr class="positive">
							<td>${item.fileName}</td>
							<td>${item.sheetName}</td>
							<td>
								<#list item.countDatas as countData>
								成功导入 <strong>${countData.dataCount}</strong> 条数据，其中新建 <strong>${countData.insertCount}</strong> 条，更新 <strong>${countData.updateCount}</strong> 条
								</#list>
							</td>
						</tr>
						</#if>
					</#list>
				</tbody>
			</table>
		</div>
	</body>
</html>